<template>
  <div>
    son
    <div>
      展示父组件传递过来的数据：{{name}}
    </div>
    <div>
      展示子组件的数据:{{person.name}}
    </div>
    <!--当用户点击按钮时，触发指定事件-->
    <button @click="enlargeText">修改父组件的data</button>
  </div>
</template>

<script>
  export default {
    name: "Son",
    data() {
      return {
        person:{
          name:"admin"
        }
      }
    },
    props: ['name'],  // 用props接收数据
    methods: {
      enlargeText(event) {
        this.$emit('enlarge-text', this.person);
      }
    }
  }
</script>

<style scoped>

</style>
